<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'drug.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	
	<!-- 引入jquery脚本库以及easyUI脚本库；必须强调的是：先引入jquery脚本库 -->
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.min1.3.5.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.easyui.min1.3.5.js"></script>
	<!-- 引入本地化语言支持的脚本库==》它必须在easyUI的脚本库下面 -->
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/easyui-lang-zh_CN1.3.5.js"></script>
	
	<!-- 引入css样式 -->
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/themes1.3.5/icon.css">
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/themes1.3.5/default/easyui.css">
	
	<script type="text/javascript">
		$(function () {
			$("#myDatagrid").datagrid({
				url:"selectDrugByPage",
				title:"药品管理表",
				width:800,
				pagination:true,
				onDblClickRow:function(rowIndex,rowData){
					toOpenUpdateDialog(rowData);
				},
				
				loadMsg:"拼命加载中...",
				toolbar:"#myToolbar",
				columns:[[
					{checkbox:true},
					{title:"编号",field:"id"},//一个{}表示一列
					{title:"药品名",field:"name"},
					{title:"规格",field:"spec"},
					{title:"单位",field:"unit"},
					{title:"生产企业",field:"productCompany"},
					{title:"销售价格",field:"price"},
					{title:"销售状态",field:"saleStatus"},
					{title:"操作",field:"cz",
						//value:字段值；
						//rowData:行对象
						//rowIndex:行号；0,1....
						formatter:function(value,rowData,rowIndex){
							return "<a href='#'>删除</a>&nbsp;<a href='#'>修改</a>&nbsp;<a href='#'>停售</a>&nbsp;<a href='${pageContext.request.contextPath}/t_department.jsp'>科室表</a>";
						}
					}
				]]
			});	
			

			//修改对话框
			$("#updateDiv").dialog({
				width:300,
				height:200,
				title:"修改对话框",
				closed:true,
				buttons:"#updateDialogBtn"
			});
			
			//添加对话框
			$("#addDiv").dialog({
				width:300,
				height:200,
				title:"添加对话框",
				closed:true,
				buttons:"#addDialogBtn"
			});
			
		});
		
		//做搜索操作
		function doSearch() {
			//1、获取页面用户输入的用户名
			var name=$("#byName").val();
			
			//2、携带者用户输入的用户名发送请求到后台，后台执行完之后的响应结果交给datagrid解析处理
			//通过load/reload方法完成
			$("#myDatagrid").datagrid("load",{"rname":name});
			
		}
		
		//做修改操作
		function toOpenUpdateDialog(rowData) {
			//1.打开修改对话框
			//2.把要修改的内容在修改对话框中显示 
			$("#updateDiv").dialog("open");
			$("#updateName").val(rowData.name);
			$("#updateSpec").val(rowData.spec);
			$("#updateUnit").val(rowData.unit);
			$("#updateProductCompany").val(rowData.productCompany);
			$("#updatePrice").val(rowData.price);
			$("#updateSaleStatus").val(rowData.saleStatus);
			$("#id").val(rowData.id);
		}
		function doUpdate() {
			//执行修改操作
			//通过form控件的submit方法提交表单
			$("#updateForm").form("submit",{
				url:"updateDrug",
				success:function(data){
					//alert(data);
					//data就是一个json串
					var jsObj = JSON.parse(data);
					if(jsObj.isUpdate){
						alert("修改成功");
						//把修改对话框关闭掉
						$("#updateDiv").dialog("close");
						//把datagrid刷新
						$("#myDatagrid").datagrid("reload");
					}else{
						alert("修改失败，请确认");
					}
				}
			})
			
		}
		//做添加操作
		function toOpenAddDialog() {
			//console.log("111111111")
			//打开添加对话框
			$("#addDiv").dialog("open");
		}	
		function doAdd() {
			//执行添加操作
			//通过form控件的submit方法提交表单
			$("#addForm").form("submit",{
				url:"addDrug",
				success:function(data){
					var jsObj=JSON.parse(data);
					if(jsObj.isAdd){
						alert("添加成功");
						//把添加对话框关闭掉
						$("#addDiv").dialog("close");
						//刷新datagrid
						$("#myDatagrid").datagrid("reload");
					}else{
						alert("添加失败，清确认");
					}
				}
			})
		}	
		//做（批量）删除操作
		function doMultiDelete() {
			//获取到选中的内容
			//通过datagrid提供的方法getSelections
			//所有被选中的行，是一个数组
			var allSelectedRows=$("#myDatagrid").datagrid("getSelections");
			//console.log(allSelectedRows);
			if(allSelectedRows.length==0){
				alert("请选择要删除的内容");
			}else{
				var isConfirm=confirm("确定要删除选中的所有内容？");
				if(isConfirm){
					//执行删除操作
					//获取到所有数据的id
					//带着这些id发送ajax请求到后台
					var ids=new Array();
					for(var i=0;i<allSelectedRows.length;i++){
						ids[i]=allSelectedRows[i].id;
						
					}
					$.ajax({
						url:"multiDeleteDrug",
						data:"ids="+ids,
						//data:{"ids":ids},
						success:function(data){
							if(data.isDelete){
								alert("删除成功");
								$("#myDatagrid").datagrid("reload");
								
							}else{
								alert("删除失败");
							}
						},
						dataType:"json",
					});
				}
			}
		}
		
	</script>
	
	
  </head>
  
  <body>
	用户名：<input id="byName"/><input type="button" onclick="doSearch()" value="搜索"/>
  	<table id="myDatagrid"></table>
    
    <div id="myToolbar">
    	<a href="javascript:void(0)" class="easyui-linkbutton" 
    	data-options="iconCls:'icon-remove'" onclick="doMultiDelete()">批量删除</a>
    	<a href="javascript:void(0)" class="easyui-linkbutton" 
    	data-options="iconCls:'icon-add'" onclick="toOpenAddDialog()">添加</a>
    </div>
    
    <div id="addDiv">
  		<form id="addForm" method="post">
  			<br/>
			药品名：<input id="name" name="name"/><br/>
			规格：<input id="spec" name="spec"/><br/>
			单位：<input id="unit" name="unit"/><br/>
			生产企业：<input id="productCompany" name="productCompany"/><br/>
			销售价格：<input id="price" name="price"/><br/>
			销售状态：<input id="saleStatus" name="saleStatus"/><br/>
  			<!-- <input type="button" value="添加" onclick="doadd()"/> -->
  		</form>
  	</div>
  	<div id="addDialogBtn">
  		<a href="javascript:void(0)" class="easyui-linkbutton" onclick="doAdd()">添加</a>
  	</div>
  	
    <div id="updateDiv">
  		<form id="updateForm" method="post">
  			<input type="hidden" name="id" id="id"/>
			药品名：<input id="updateName" name="name"/><br/>
			规格：<input id="updateSpec" name="spec"/><br/>
			单位：<input id="updateUnit" name="unit"/><br/>
			生产企业：<input id="updateProductCompany" name="productCompany"/><br/>
			销售价格：<input id="updatePrice" name="price"/><br/>
			销售状态：<input id="updateSaleStatus" name="saleStatus"/><br/>
  			<!-- <input type="button" value="修改" onclick="doUpdate()"/> -->
  		</form>
  	</div>
  	<div id="updateDialogBtn">
  		<a href="javascript:void(0)" onclick="doUpdate()" class="easyui-linkbutton" 
  		data-options="iconCls:'icon-edit'">修改</a>
  	</div>
    
  </body>
</html>
